﻿@{
    ViewBag.Title = "Quản Lý Bưu Phẩm";
}
<div class="section-header">
    <div class="title">
        <img src="@Url.Content("~/Areas/Administrator/Content/Images/ico-catalog.png")" alt="" />
        Danh sách bưu phẩm
    </div>
    <div class="options">
        <a href="@Url.Action("Create", "Parcel")" class="t-button">Tạo mới</a>
    </div>
</div>
<div style="margin-bottom:10px;">
    <div id="panel_search">
        <div style="float: left; padding: 5px 0px 5px 0px">
            <input type="text" id="txtSearch" class="watermarkOn" value="Nhập vào từ khóa tìm kiếm..." />
        </div>
        <div style="padding: 5px 0px 5px 0px;">
            <button class="t-button" style="cursor:pointer; padding-top: 0px !important;color:#000 !important" name="Search" id="btnSearch">
                Search
            </button>
        </div>
    </div>
</div>
<div class="clear"></div>
<br/>
<div style="height: 50px; font-weight: bold;">
    <input type="checkbox" id="chkIsApproval"> Hiện bưu phẩm chưa được duyệt và xác nhận giá
    <br>
    <input type="checkbox" id="chkIsCollected"> Hiện bưu phẩm chưa được xác nhận thu tiền
</div>
@(Html.Telerik().Grid<Transport.Areas.Administrator.Models.ParcelModel>()
                    .Name("Parcel")
                    .Columns(columns =>
                    {
                        columns.Bound(x => x.ParcelId).Title("MS").ClientTemplate("<a href=\"" + Url.Action("Edit", "Parcel", new { area = "Administrator", id = "" }) + "/<#= ParcelId #>\"><#= 10000 + ParcelId #></a>")
                            .Width(100)
                            .Filterable(false);
                        columns.Bound(x => x.DateOfSending).Title("Ngày Gửi").Format("{0:dd/MM/yyyy}")
                            .Width(100)
                            .Filterable(true);
                        columns.Bound(x => x.CustomerName).Title("Khách hàng")
                            .Filterable(false);
                        columns.Bound(x => x.TrackingNumbers).Title("Số Vận Đơn")
                            .Width(100)
                            .Filterable(false);
                        columns.Bound(x => x.DeliverFromName).Title("Nơi đi")
                            .Width(200)
                            .Filterable(true);
                        columns.Bound(x => x.DeliverToName).Title("Nơi Đến")
                            .Width(200)
                            .Filterable(true);
                        columns.Bound(x => x.PaymentTypeName).Title("Loại T.Toán")
                            .HtmlAttributes(new { style = "text-align:right" })
                            .Width(100)
                            .Filterable(true);
                        columns.Bound(x => x.TotalWeight).Title("Trọng Lượng")
                            .HtmlAttributes(new { style = "text-align:right" })
                            .Width(100)
                            .Filterable(false);
                        columns.Bound(x => x.TotalCostDisplay).Title("Tổng Tiền")
                            .HtmlAttributes(new { style = "text-align:right" })
                            .Width(200)
                            .Filterable(false).FooterTemplate(@<text> <b>Tổng cộng: 0 </b></text>);
                    }).DataBinding(dataBinding => dataBinding.Ajax().Select("CollectedGridModel", "Parcel"))
                    .Sortable(p => p.OrderBy(o => o.Add(b => b.ParcelId).Descending()))
                    .Pageable()
                    .Scrollable(scrolling => scrolling.Height(300))
                    .Groupable(grouping => grouping.Enabled(false))
                    .ClientEvents(events => events.OnDataBinding("onDataBinding").OnComplete("Grid_onComplete"))
                    .EnableCustomBinding(true)
                    .Filterable()) 
<script type="text/javascript">
    function onDataBinding(e) {
        var isApproval = false;
        var isCollected = false;
        if ($("#chkIsApproval")) {
            isApproval = $('#chkIsApproval').is(':checked');
            isCollected = $('#chkIsCollected').is(':checked');
        }

        var searchModel = {
            search: $('#txtSearch').val() == "Nhập vào từ khóa tìm kiếm..." ? "" : $('#txtSearch').val(),
            isApproval: isApproval,
            isCollected: isCollected
        };
        e.data = searchModel;
    }

    function Grid_onComplete(e) {
        $.ajax({
            url: '@Url.Action("GetTotalCostOfLisst", "Parcel")',
            type: "POST",
            dataType: "json",
            success: function (data) {
                var td = $("#Parcel tbody > .t-footer-template > td:last");
                td.html('<b>Tổng cộng: ' + data + '</b>');
            }
        });
    }

    $(document).ready(function () {
        $("#txtSearch").focus(function () {
            $(this).filter(function () {
                return $(this).val() == "" || $(this).val() == "Nhập vào từ khóa tìm kiếm..."
            }).removeClass("watermarkOn").val("");
        });

        $('#txtSearch').focus();
        $("#txtSearch").blur(function () {
            $(this).filter(function () {
                return $(this).val() == "";
            }).addClass("watermarkOn").val("Nhập vào từ khóa tìm kiếm...");
        });

        $("#btnSearch").click(function () {
            DoSearch();
            return false;
        });

        $("#txtSearch").keydown(function (e) {
            var code = (e.keyCode ? e.keyCode : e.which);
            if (code == 13) {
                DoSearch();
                $(this).val("");
                return false;
            }
            else if (code == 46) {
                $(this).val("");
            }
        });

        function DoSearch() {
            var isApproval = false;
            var isCollected = false;
            if ($("#chkIsApproval")) {
                isApproval = $('#chkIsApproval').is(':checked');
                isCollected = $('#chkIsCollected').is(':checked');
            }
            var textSearch = new Helper().stripTagsOff($("#txtSearch").val());
            $("#txtSearch").val(textSearch);
            if (textSearch == "Nhập vào từ khóa tìm kiếm...")
            textSearch = "";
            if ($("#Parcel")) {
                //rebind the grid
                $("#Parcel").data('tGrid').rebind({ search: textSearch, isApproval: isApproval, isCollected: isCollected });
            }
        };
        
        $('#chkIsApproval').click(function () {
            var grid = $("#Parcel").data("tGrid");
            grid.sort("ParcelId-desc");
        });

        $('#chkIsCollected').click(function () {
            var grid = $("#Parcel").data("tGrid");
            grid.sort("ParcelId-desc");
        });

    });
</script>